/** Add css rules here for your application. */
@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);


body{
	background-image: url('bg.jpg');
	background-repeat: repeat;
	font-family:'Reenie Beanie', serif;
	color:#333;
	font-size:24px;
}
.containerlv1 {
	width:450px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.container {
	width:450px;
	max-width:450px;
	margin-top: 50px;
	padding:25px;
	background-color:#fe6;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe6), to(#f6ef97), color-stop(.6,#f5da41));
	background:-moz-linear-gradient(top, #fe6, #f5da41, #f6ef97);
	text-shadow:0 1px 0 #F6EF97;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
}

.containeros {
	width:450px;
	max-width:450px;
	margin-top: 50px;
	padding:25px;
	background-color:#fe6;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe6), to(#f6ef97), color-stop(.6,#f5da41));
	background:-moz-linear-gradient(top, #fe6, #f5da41, #f6ef97);
	text-shadow:0 1px 0 #F6EF97;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
}

.container:before {
	content:'';
	display:block;
	width:90%;
	height:20%;
	position:absolute;
	left:10px;
	bottom:3px;
	background-color:rgba(0,0,0,.5);
	-o-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	opacity:1;
	z-index:-1;
}

.container:after {
	content:'';
	display:block;
	width:90%;
	height:20%;
	position:absolute;
	right:10px;
	bottom:3px;
	background-color:rgba(0,0,0,.5);
	-o-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	opacity:1;
	z-index:-1;
}

.headder:before {
	content:'';
	display:block;
	width:200px;
	height:60px;
	position:static;
	margin-left:115px;
	background-color:rgba(255,255,255,.25);
	-o-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	box-shadow:0 0 2px rgba(0,0,0,.15);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);
	-moz-box-shadow:0 0 2px rgba(0,0,0,.15);
	opacity:1;
}

.headder {
	margin-top:-55px;
}

.headder tbody{
	position:static;
	display:block;
}

.h1 {
	margin-top:5px;
	text-align:center;
	font-size:48px;
	line-height:48px;
	letter-spacing:-5px;
}

.h1poll {
	margin-top:-20px;
}

.h2 {
	font-weight:bold;
}

.p {
	margin-top:10px;
}

.error {
	text-align:center;
	margin-top:5px;
	font-weight:bold;
	color:#ff0000;
}

.textinput {
	width:400px;
	max-width:400px;
}

.gwt-RadioButton {
	margin-left:15px;
}

.gwt-RadioButton label {
	margin-left:5px;
}

.gwt-Button{
	background:none;
	padding: 5px 10px 6px;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #333;
	position: relative;
	cursor: pointer;
}

.gwt-Button-submit{
	width:80px;
	margin-left:163px;	
}

.btlogin{
	cursor: pointer;
}

.tumlogo{
	position:absolute;
	left:350px;
}

.infologo{
	position:absolute;
	left:405px;
}

.loading{
	margin-left:175px;
}

.loginInput{
	margin-left:140px;
}

.container a {color:#333;}

.tblresults{
	padding-top:5px;
	padding-left:20px;
}

.tblresultscell{
	padding-right:10px;
}

.tblresults .bar{
	width:200px;
	height:13px;
	min-width:200px;  
	padding-right:10px;
	align:left;
	vertical-align:center;
	background-color: #f5f4c6;
	padding-right:0px;
}

.tblresults .bar .inner{
	background-color:#333;
	height:13px; 
}